/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:650px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:650px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:650px;}
.bantil{ width:200px; position:absolute; bottom:30px; left:50%; margin-left:-60px;}
.bantil li{ width:12px; height:12px; background:#fff; float:left; margin:0 8px; border-radius:12px;}
.bantil .cur{background:#c00000; width:32px;}
.banner .prev01,.banner .next01{display:block;position:absolute;z-index:1;top:42%;margin-top:-30px;left:5%;z-index:1;width:50px;height:50px;cursor:pointer;filter:alpha(opacity=50);opacity:1;display:none;}
.banner .prev01{background:url(../image/left.png) no-repeat; background-size:100% auto;}
.banner .next01 {left:auto;right:5%;background:url(../image/right.png) no-repeat; background-size:100% auto;}

.tit1{ font:44px "Microsoft YaHei"; text-align:center; color:#000;}
.tit1 a{ display:block; color:#000;}
.tit1 b{ color:#17375e;}
.tit1 em{ display:block; font:22px "Microsoft Yahei"; color:#333; padding:5px 0 25px; background:url(../image/4c1dd581f01941e08ea6b08eca71c882_2.png) no-repeat center bottom;}

.yinz{ height:460px; margin-top:50px; overflow:hidden;}
.yinz dl{ height:460px; overflow:hidden; }
.yinz dt{ width:576px; height:402px; float:left; overflow:hidden;}
.yinz dt img{ display:block; width:100%;}
.yinz dd{ width:560px; float:right;}
.yinz dd h4{ font:44px "Microsoft YaHei UI"; font-weight:bold; color:#333;}
.yinz dd h4 a{ color:#333;}
.yinz dd h4 b{ color:#c00000;}
.yinz dd h4 em{ display:block; font:26px "Microsoft YaHei UI"; color:#333; padding:12px 0 20px; border-bottom:1px solid #d9d9d9;}
.yinz dd p{ margin:17px 0 30px; font:16px "Microsoft YaHei UI"; line-height:34px; color:#666666;}
.yinz dd span{ display:block;}

.ser{ background:url(../image/ser_bg.jpg) no-repeat center top; height:851px; padding-top:47px; overflow:hidden;}
.ser .tit1,.ser .tit1 b{ color:#fff;}
.ser .tit1 em{ color:#fff; background:url(../image/55ce910baa6b4523996821e00b8c2a98_2.png) no-repeat center bottom;}
.sert{ width:254px; height:588px; background:#17375e; float:left; margin-top:75px;}
.sert h3{ height:94px; border-bottom:1px solid #455f7e; font:22px "Microsoft YaHei UI"; line-height:94px; color:#fff;}
.sert h3 span{ display:block; width:38px; height:37px; float:left; margin:28px 20px 0 50px; overflow:hidden;}
.sert h3 span img{ display:block; width:100%;}
.sert .cur{ padding-left:33px; width:254px; background:#c00000; position:relative; margin-left:-33px; position:relative;-webkit-transition:all 0.7s;transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.sert .cur:before{ content:""; position:absolute; top:35px; right:-14px; width:0; height:0; border-left:14px solid #c00000; border-top:14px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,0); z-index:10;}
.sert h5{ font:26px Arial, Helvetica, sans-serif; font-weight:bold; line-height:40px; background:url(../image/ser_lx.png) no-repeat 20px center; padding-left:60px; margin-top:40px; color:#fff;}
.ser1{ width:946px; height:588px; float:right; margin-top:75px; overflow:hidden;}
.ser1 dt{ width:946px; height:480px; overflow:hidden;}
.ser1 dt img{ display:block;width:946px; height:480px;}
.ser1 dl{ background:#fff; height:588px; overflow:hidden;}
.ser1 dd{ width:835px; margin:28px auto 0; font:16px "Microsoft YaHei UI"; line-height:26px; color:#666; position:relative;}
.ser1 dd:before{ content:""; position:absolute; top:8px; left:-15px; width:5px; height:5px; border:2px solid #959595; border-radius:5px;}

.pro{ height:790px; margin-top:60px;overflow:hidden;}
.pro .content{ position:relative;}
.fen{ height:89px; margin-top:27px; overflow:hidden;}
.fen h3{ width:150px; float:left; text-align:center; font:16px "Microsoft YaHei UI"; color:#333; position:relative;}
.fen h3:before{ content:""; position:absolute; top:5px; right:0; width:1px; height:64px; border-right:1px dashed #d0d0d0;}
.fen h3:last-child:before{ border:0;}
.fen h3 a{ display:block; color:#333;}
.fen h3 img{ display:block; width:44px; height:44px; margin:0 auto 8px;}
.fen h3 a:hover,.fen .cur a{ font-weight:bold; color:#c00000;}
.pro2{ width:925px; height:532px; float:left; overflow:hidden;}
.pro2 dl{width:925px; height:485px; overflow:hidden; float:left; overflow:hidden; position:relative;}
.pro2 dt{width:925px; height:485px; overflow:hidden;}
.pro2 dt img{ display:block;width:925px; height:485px; }
.pro2 dd{position:absolute; position:absolute; top:360px; left:65px;}
.pro2 dd h4{ font:26px "Microsoft YaHei UI"; color:#333333; width:300px; height:100px; background:url(../image/pro_h.png) no-repeat left 20px; float:left;}
.pro2 dd h4 a{ display:block; color:#333333;} 
.pro2 dd h4 em{ display:block; font:12px Arial, Helvetica, sans-serif; color:#a9a8aa;}
.pro2 dd .prodd{ width:375px; font:15px "Microsoft YaHei UI"; line-height:24px; color:#666; float:left; padding:12px 35px 0 20px;}
.pro2 dd span a{ display:block; width:67px; height:24px; border:2px solid #c00000; background:url(../image/pro_arr.png) no-repeat center center; float:left; margin-top:25px;}
.pro_l a{ display:block; width:44px; height:44px; background:#17375e; font:24px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:430px; left:0;}
.pro_r a{ display:block; width:44px; height:44px; background:#17375e; font:24px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:430px; right:0; z-index:10;}
.pro_l a:hover,.pro_r a:hover{ background:#c00000;}

.pro1{ height:485px; width:275px; position:absolute; top:234px; right:0; z-index:8; overflow:hidden;}
.pro3{ height:475px;}
.pro1 li{ width:271px; border:2px solid #d2d2d2; height:151px; margin-bottom:10px;}
.pro1 li img{ display:block; width:271px; height:151px;}
.pro1 .cur{ border:2px solid #c00000;}

.ys{ height:auto; position:relative;overflow:hidden;}
.ys .tit1{ width:100%; background:url(../image/ys_bg.png) no-repeat center top; height:157px; overflow:hidden; padding-top:40px; position:relative; z-index:8;}
.ys1{ position:relative; margin-top:-22px;}
.ys dl{ height:638px;}
.ys dt{ width:960px; height:638px; margin-right:-360px; position:relative; overflow:hidden;}
.ys dt img{ display:block;width:960px; height:638px;}
.ys dd{ width:560px; margin-top:70px;}
.ys dd h3{ height:130px; background:url(../image/ys_line.png) repeat-x center bottom; margin-bottom:15px;}
.ys dd h3 b{ display:block; width:136px; height:107px; float:left; overflow:hidden;}
.ys dd h3 b img{display:block; width:136px; height:107px;}
.ys dd h3 span{ display:block; width:412px; font:36px "Microsoft YaHei UI"; font-weight:bold; color:#222; float:right; padding-top:8px;}
.ys dd h3 span i{ font:20px Arial, Helvetica, sans-serif; color:#a9a9a9; padding-left:8px;}
.ys dd h3 span em{ display:block; font:24px "Microsoft YaHei UI"; padding-top:8px;}
.ys dd p{ font:16px "Microsoft YaHei UI"; line-height:34px; color:#333; background:url(../image/ys_arr.png) no-repeat left center; padding-left:22px;}
.ys dd p b{ color:#c00000;}
.ys dd h4{ height:120px; margin-top:15px;}
.ys dd h4 span{ display:block; padding:0 40px; height:75px; position:relative; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#1d1d1d; float:left;}
.ys dd h4 span:before{ content:""; position:absolute; top:12px; right:0; width:1px; height:70px; background:#ccc;}
.ys dd h4 span:last-child:before{ background:none;}
.ys dd h4 span em{ display:block; font:50px Arial, Helvetica, sans-serif; color:#17375e; font-weight:bold;}
.ys dd h4 span i{ display:inline-block; width:25px; height:25px; background:#17375e; font-size:18px; line-height:25px; text-align:center; color:#fff; border-radius:25px;}
.ys h5 img{ display:inline-block; width:270px; height:151px;}
.ys dl:nth-child(2) dt{ margin:0 0 0 -360px;}

.lc{ background:url(../image/lc_bg.jpg) no-repeat center top; height:447px; padding-top:60px; overflow:hidden;}
.lc .tit1,.lc .tit1 b,.ys .tit1,.ys .tit1 b{ color:#fff;}
.lc .tit1 em,.ys .tit1 em{ color:#fff; background:url(../image/55ce910baa6b4523996821e00b8c2a98_2.png) no-repeat center bottom;}
.lc ul{ margin-top:53px; height:169px;}
.lc li{ width:150px; height:122px; border:2px solid #fff; background:rgba(255,255,255,0.1); font:18px "Microsoft YaHei UI"; text-align:center; color:#fff; float:left; margin-right:20px;}
.lc li span{ display:block; width:71px; height:71px; margin:-35px auto 10px; position:relative;}
.lc li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.lc li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.lc li img{display:block; width:71px; height:71px; }
.lc li b{ font-size:24px; display:block; padding-bottom:4px;}
.lc li:last-child{ margin-right:0;}
.lc li:hover span em,.lc .cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lc li:hover span i,.lc .cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.lc li:hover,.lc .cur{ background:#fff; color:#17375e;-webkit-transition:all 0.7s;transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.lc h5{ height:52px; background:url(../image/lc_bg.png) no-repeat center top; font:16px "Microsoft YaHei UI"; line-height:52px; color:#666; text-align:center; padding-left:50px;}
.lc h5 em{ font:30px Arial, Helvetica, sans-serif; font-weight:bold; color:#17375e;}

/*新闻资讯*/
.news{ height:740px; padding-top:55px;overflow:hidden;}
.dy{ width:581px; float:left; margin-top:30px; overflow:hidden; position:relative;}
.dy h3 a{ display:block; width:180px; height:75px; background:#17375e; font:24px "Microsoft Yahei"; text-align:center; font-weight:bold; line-height:75px; color:#fff; overflow:hidden; position:absolute; top:0; z-index:9;}
.dy dl{ height:445px; overflow:hidden; border-bottom:1px dashed #c2c2c2;}
.dy dt{ width:581px; height:328px; overflow:hidden;}
.dy dt img{ display:block; width:581px; height:328px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd h4 a{ display:block; font:15px "Microsoft Yahei"; font-weight:bold; color:#333; margin-top:20px;}
.dy dd h4 em{ float:right; font-weight:normal;}
.dy dd p{ font:14px "Microsoft Yahei"; line-height:20px; color:#666; margin-top:8px;}
.dy dd p a{ color:#c00000;}
.dy li,.new2 li{ font:14px "Microsoft Yahei"; height:45px; border-bottom:1px dashed #c2c2c2; line-height:45px; overflow:hidden;}
.dy li a,.new2 li a{ display:block; color:#363333; background:url(../image/ys_arr.png) no-repeat left center; padding-left:25px;}
.dy li em,.new2 li em{ float:right; color:#999;}
.dy dl:hover dt img,.new2 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dl:hover dd h4 a,.dy li a:hover,.new2 li a:hover,.new2 dl:hover dd h4 a,.faq dt a:hover{ color:#c00000; font-weight:bold;}

.new1{ width:530px; margin-top:30px; overflow:hidden;}
.new2{ height:340px; overflow:hidden;}
.tit2{ height:35px; background:#f4f4f4; border-left:8px solid #17375e; padding:0 12px 0 22px; font:22px "Microsoft Yahei"; line-height:35px; color:#333; overflow:hidden;}
.tit2 a{ display:block; color:#333;}
.tit2 em{ float:right; font:16px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; line-height:35px;}
.new2 dl{ height:148px;border-bottom:1px dashed #c2c2c2; margin-top:20px; overflow:hidden;}
.new2 dt{ width:240px; height:135px; float:left; overflow:hidden;}
.new2 dt img{ display:block;width:240px; height:135px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new2 dd{ width:240px; float:left; padding-left:20px;}
.new2 dd h4{ font:15px "Microsoft Yahei"; font-weight:bold; margin:0 0 7px;}
.new2 dd h4 a{ display:block; color:#333;}
.new2 dd h4 em{ display:block; font:36px Arial, Helvetica, sans-serif; color:#17375e; margin-bottom:8px;}
.new2 dd p{font:14px "Microsoft Yahei"; line-height:20px; color:#666;}
.new2 dd p a{ color:#c00000;}
.faq .tit2{ margin-bottom:18px;}
.faq dl{border-bottom:1px dashed #c2c2c2; padding:13px 0;}
.faq dt a{ display:block; font:15px "Microsoft Yahei"; font-weight:bold; line-height:20px; height:20px; background:url(../image/ys_arr.png) no-repeat left center; padding-left:25px; color:#333;}
.faq dd{ font:14px "Microsoft Yahei"; color:#666; padding-top:6px;}

/*关于*/
.about{ height:auto;}
.about1{ height:619px; overflow:hidden; margin-top:30px; background:#f7f7f7;}
.about dt{ width:960px; height:619px; float:right; position:relative; margin-right:-360px; overflow:hidden;}
.about dt img{ display:block; width:960px; height:619px;}
.about dd{ width:515px; margin-top:75px; float:left; overflow:hidden;}
.about dd h4{ padding-bottom:35px; margin-bottom:26px; border-bottom:1px solid #ccc; font:36px "Microsoft Yahei"; font-weight:bold;}
.about dd h4 a{ display:block; color:#333;}
.about dd h4 em{ display:block; font:80px "Microsoft Yahei"; color:#ccc;}
.about dd p{ font:14px "Microsoft Yahei"; line-height:32px; color:#666;}
.about dd span{ display:block; width:200px; height:54px; margin-top:65px; background:#17375e; border-radius:2rem;}
.about dd span a{ display:block;height:54px; font:16px "Microsoft Yahei"; line-height:54px; color:#fff; background:url(../image/about_icon.png) no-repeat 40px center; padding-left:85px;}

.pic{ height:350px; margin-top:58px; overflow:hidden;}
.pict{ width:460px; height:60px; overflow:hidden; margin:0 auto;}
.pict h3{ float:left; font:18px "Microsoft Yahei"; text-align:center; width:150px; height:40px; margin-right:2px;}
.pict h3 a{ display:block; color:#fff; background:#17375e; height:40px;line-height:40px;}
.pict h3 a:hover,.pict .cur a{ background:#c00000; font-weight:bold; position:relative;-webkit-transition:all 0.7s;transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.pict h3 a:hover:before,.pict .cur a:before{ content:""; position:absolute; top:40px; left:50%; margin-left:-8px; border-top:8px solid #c00000; border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);}
.pic2{ height:555px;overflow:hidden;}
.pic li{ width:282px; position:relative; float:left; margin-right:23px; height:211px; overflow:hidden;}
.pic li h4{ width:100%; height:40px; font:15px "Microsoft Yahei"; text-align:center; line-height:40px; color:#fff; background:rgba(0,0,0,0.7); position:absolute; bottom:0;}
.pic li img{ display:block;width:282px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pic li a:hover h4{ background:rgba(192,0,0,0.7);}

.guan{ height:140px; overflow:hidden; background:url(../image/guan.jpg) no-repeat center top;}
.guan .content{ position:relative;}
.guan p{ width:590px; position:absolute; top:35px; left:430px; font:30px "Microsoft Yahei"; color:#fff;}
.guan p:before{ content:""; position:absolute; top:8px; left:-25px; width:1px; height:60px; background:#fff;}
.guan p em{ display:block; font:16px "Microsoft Yahei"; padding-top:4px;}
.guan p em i{ font:24px Arial, Helvetica, sans-serif; font-weight:bold;}
.guan span a{ display:block; width:140px; height:40px; background:#fff; font:18px "Microsoft Yahei"; font-weight:bold; text-align:center; color:#17375e; line-height:40px; position:absolute; top:50px; right:0;}

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -50px;right: 0;}
.link p{overflow: hidden; font:14px "Microsoft YaHei"; color:#525252;line-height:30px;}
.link p a{ display: inline-block;margin:0 15px; font:14px "Microsoft YaHei"; color:#525252; line-height:30px; height:30px; position:relative; }
.link p a:hover{font-weight:bold; color:#3e669d; border-bottom:1px solid #3e669d;}
.link p a:nth-child(1){ margin-left:0;}
.link p a:last-child{ margin-right:0;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}